<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <link href="assets/css/reset-min.css" rel="stylesheet" type="text/css" /> 
        <link href="assets/css/popup.css" rel="stylesheet" type="text/css" /> 
    </head>
    <body>
        <div id="page">
            <div id="header">
                <ul id="channel">
                    <li class="friends"   title="Home">Friends</li>
                    <li class="replies"   title="Mention">Mention</li>
                    <li class="directs"   title="Direct Message">Direct Message</li>
                    <li class="favourite" title="Favourite">Favourite</li>
                </ul>
                <div class="action">
                    <button id="refresh" title="Refresh">Refresh</button>
                    <button title="Config Metrist" type="button" id="config">config</button>
                </div>
            </div>
            <div id="content">
                <div>
                    <ul class="tweets" id="metrist:friends" ref="friends"></ul>
                    <ul class="tweets" id="metrist:replies"  ref="replies"></ul>
                    <ul class="tweets" id="metrist:directs"  ref="directs"></ul>
                    <ul class="tweets" id="metrist:favourite" ref="favourite"></ul>
                </div>
            </div>
            <div id="form">
                <form action="" method="post" id="metrist:form">
                    <div id="tweet">
                        <textarea id="form:input"></textarea><span id="form:status">140</span>
                        <div class="action">
                            <button title="Send" type="button" id="submit">update</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
        <div id="loading" class="loading-min hidden"></div>
        <div id="notice" class="hidden"><span></span></div>
        <script type="text/javascript" src="assets/yui-special/yahoo.js"></script>
        <script type="text/javascript" src="assets/yui-special/dom.js"></script>
        <script type="text/javascript" src="assets/yui-special/event.js"></script>
        <script type="text/javascript" src="assets/yui-special/animation.js"></script>
        <script type="text/javascript" src="assets/yui-special/connection_core.js"></script>
        <script type="text/javascript" src="assets/scripts/helper.js"></script>
        <script type="text/javascript" src="assets/scripts/ui.js"></script>
        <script type="text/javascript" src="assets/scripts/popup.js"></script>
    </body>
</html>
